const { default: styled } = require("styled-components");

const ContentWarrper = styled.div`
overflow-y: auto;
height: 100%;
background-color:var(--themeColorv1);
color: var(--themeFontColor);
min-width: 980px;
&::-webkit-scrollbar {
    width: 10px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
    opacity: 0.2;
    background:rgb(214,214,214);
  }
  &::-webkit-scrollbar-thumb:hover {
    background:rgb(200,200,200);
  }
  &::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
    border-radius: 0;
    background:var(--themeColorv2);
  }
`

export default ContentWarrper